*{padding:0;margin:0;box-sizing: border-box;}
html,body,.scroll-content,.scroll-item{width:100%;height:100%;}
.scroll-content{overflow: auto;}
.scroll-item{font-size: 66px;font-weight:bold;text-align: center;line-height: 100vh;}
.scroll-item:nth-child(1){background-color:#5bc0de ;}
.scroll-item:nth-child(2){background-color:#5cb85c ;}
.scroll-item:nth-child(3){background-color:#f0ad4e ;}
.scroll-item:nth-child(4){background-color:#d9534f ;}
.panel{position:fixed;top:30px;right:30px;padding:10px;margin:20px 0;background-color: #fff;opacity:.4;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.panel:hover{opacity: 1;}
.panel label{display:block;margin-bottom:5px;}
.panel select{width:100%;height:34px;line-height: 34px;}
.panel h3{margin-bottom: 20px;}
.panel h4{margin-top: 20px;margin-bottom: 10px;}
.panel p{margin-bottom: 5px;}
